﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TenSevenNine.Web.Templates.Home.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script>
// execute your scripts when the DOM is ready. this is mostly a good habit
    $(function() {
        // initialize scrollable
        $(".scrollable").scrollable(
        {
            onSeek: function() { $("#currentItem").html(api.getIndex() + 1) }, speed: 1000, circular: true
        }
            ).autoscroll({ autoplay: true }, 5000);
        var api = $(".scrollable").data("scrollable");
        $("#itemTotal").html(api.getSize())
    });
</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PhRcol" runat="server">
    <div style="position:relative">
        <div id="ScollableControls">
            <a class="prev browse left"><</a>
            <span id="currentItem">1</span>&nbsp/&nbsp<span id="itemTotal"></span>
            <a class="next browse right">></a>
        </div>    
        <div class="scrollable">
            <div class="items">
                <acms:SimpleRepeater ID="dlTabTitle" DataSourceID="dsImages" AllowPaging="false" runat="server">
                    <ItemTemplate>
                        <acms:ImageContentControlDisplay runat="server" ControlName="Image" Height="274" />
                    </ItemTemplate>
                </acms:SimpleRepeater>
                <acms:PostDataSource ID="PostDataSource1" runat="server" />    
            </div>
        </div>
        <acms:PostDataSource ID="dsImages" runat="server" />    
    </div>
<div id="copy">
    <acms:HtmlContentControlDisplay ControlName="Copy" runat="server" />
</div>

</asp:Content>
